<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>易站成名</title>
<link rel="stylesheet" type="text/css" href="style/common.css" />
<link rel="stylesheet" type="text/css" href="style/module.css" />
<link rel="stylesheet" type="text/css" href="style/style.css" />
</head>
<style type="text/css">
html,body{overflow:hidden;}
</style>
<body>
<div class="wrap" id="wrap" style="width:1419px;">
    <a class="logo" href="#" title="易站成名"><img _png="yes" src="images/logo.png" alt="易站成名" /></a>
    <!-- ( 顶部 'topBar' 快速导航 ) 开始 -->
    <div class="topBar">
        <div class="quickNav" id="quickNav">
            <div class="filterBg"></div>
            <ul class="ul_quickNav">
                <li><a href="index.html" title="设置"><img _png="yes" src="images/icons/settings.png" alt="设置" /></a></li>
                <li><a href="mod.html" title="设置"><img _png="yes" src="images/icons/settings.png" alt="设置" /></a></li>
                <li><a href="goodslist.html" title="设置"><img _png="yes" src="images/icons/settings.png" alt="设置" /></a></li>
                <li><a href="photo.html" title="设置"><img _png="yes" src="images/icons/settings.png" alt="设置" /></a></li>
                <li><a href="form.html" title="设置"><img _png="yes" src="images/icons/settings.png" alt="设置" /></a></li>
                <li><a href="table.html" title="设置"><img _png="yes" src="images/icons/settings.png" alt="设置" /></a></li>
                <li><a href="tmod01.html" title="设置"><img _png="yes" src="images/icons/settings.png" alt="设置" /></a></li>
                <li><a href="form_guige.html" title="设置"><img _png="yes" src="images/icons/settings.png" alt="设置" /></a></li>
                <li><a href="select.html" title="设置"><img _png="yes" src="images/icons/settings.png" alt="设置" /></a></li>
                <li><a href="datalist.html" title="设置"><img _png="yes" src="images/icons/settings.png" alt="设置" /></a></li>
                <li><a href="sql.html" title="设置"><img _png="yes" src="images/icons/settings.png" alt="设置" /></a></li>
                <li><a href="list.html" title="设置"><img _png="yes" src="images/icons/settings.png" alt="设置" /></a></li>
                <li><a href="guide.html" title="设置"><img _png="yes" src="images/icons/settings.png" alt="设置" /></a></li>
            </ul>
            <div class="quickBtn"><a class="aBtn" href="#" title="管理快速导航"><span>管理快速导航</span></a><a class="aBtn" href="#" title="清空缓存"><span>清空缓存</span></a><a class="aBtn" href="#" title="安全退出"><span>安全退出</span></a></div>
        </div>
    </div>
    <!-- ( 顶部 'topBar' 快速导航 ) 结束 -->
    <!-- ( 左侧 'topPart' 顶级栏目 ) 开始 -->
    <div class="topPart" id="topPart">
        <div class="filterBg"></div>
        <ul class="ul_topPart">
            <li><a href="#" title="设置"><img _png="yes" src="images/icons/settings.png" alt="设置" /></a></li>
            <li class="liR"><a href="#" title="设置"><img _png="yes" src="images/icons/settings.png" alt="设置" /></a></li>
            <li><a href="#" title="设置"><img _png="yes" src="images/icons/settings.png" alt="设置" /></a></li>
            <li class="liR"><a href="#" title="设置"><img _png="yes" src="images/icons/settings.png" alt="设置" /></a></li>
            <li><a href="#" title="设置"><img _png="yes" src="images/icons/settings.png" alt="设置" /></a></li>
            <li class="liR"><a href="#" title="设置"><img _png="yes" src="images/icons/settings.png" alt="设置" /></a></li>
            <li><a href="#" title="设置"><img _png="yes" src="images/icons/settings.png" alt="设置" /></a></li>
            <li class="liR"><a href="#" title="设置"><img _png="yes" src="images/icons/settings.png" alt="设置" /></a></li>
            <li><a href="#" title="设置"><img _png="yes" src="images/icons/settings.png" alt="设置" /></a></li>
            <li class="liR"><a href="#" title="设置"><img _png="yes" src="images/icons/settings.png" alt="设置" /></a></li>
            <li><a href="#" title="设置"><img _png="yes" src="images/icons/settings.png" alt="设置" /></a></li>
        </ul>
    </div>
    <!-- ( 左侧 'topPart' 顶级栏目 ) 结束 -->
    <!-- ( 右侧 'toolBar' 工具栏 ) 开始 -->
    <div class="toolBar toolBar_open" id="toolBar">
        <div class="filterBg"></div>
        <div class="intoolBar">
            <div class="toolBtn"><span class="toolSet" title="设置工具栏"><b class="pngBg">设置工具栏</b></span><span class="toolLeft toolLeft_active" title="←翻页"><b class="pngBg">←翻页</b></span><span class="toolRight" title="→翻页"><b class="pngBg">→翻页</b></span></div>
            <!-- ( 工具栏 'mod01' 待处理事务 ) 开始 -->
            <div class="mod01" style="">
                <div class="mh"><div class="pngBg"><img class="mhImg" _png="yes" src="images/icons/desktop.png" alt="待处理事务"/><h2 class="mhH2" title="待处理事务">待处理事务</h2></div></div>
                <div class="mm">
                    <ul class="ulList ulList01">
                        <li><span class="liL"><a href="#" title="">未回复商品咨询</a></span><b class="liR">(999条)</b></li>
                        <li><span class="liL"><a href="#" title="">未回复商品咨询</a></span><b class="liR">(3条)</b></li>
                        <li><span class="liL"><a href="#" title="">申请退款订单</a></span><b class="liR">(3条)</b></li>
                        <li><span class="liL"><a href="#" title="">申请退款订单</a></span><b class="liR">(3条)</b></li>
                        <li><span class="liL"><a href="#" title="">申请退款订单</a></span><b class="liR">(3条)</b></li>
                        <li><span class="liL"><a href="#" title="">申请退款订单</a></span><b class="liR">(3条)</b></li>
                        <li><span class="liL"><a href="#" title="">申请退款订单</a></span><b class="liR">(3条)</b></li>
                        <li><span class="liL"><a href="#" title="">申请退款订单</a></span><b class="liR">(3条)</b></li>
                        <li><span class="liL"><a href="#" title="">申请退款订单</a></span><b class="liR">(3条)</b></li>
                    </ul>
                </div>
            </div>
            <!-- ( 工具栏 'mod01' 待处理事务 ) 结束 -->
            <!-- ( 工具栏 'mod02' 内部公告、交流中心 ) 开始 -->
            <div class="mod02" style="">
                <div class="tabHead"><span class="on"><b class="fLeft"><a href="#" title="">内部公告</a></b></span><span><b class="fRight"><a href="#" title="">交流中心</a></b></span></div>
                <div class="mm">
                    <ul class="ulList ulList02">
                        <li><span class="liL"><a href="#" title="">未回复商品咨询</a></span></li>
                        <li><span class="liL"><a href="#" title="">未回复商品咨询</a></span></li>
                        <li><span class="liL"><a href="#" title="">申请退款订单</a></span></li>
                        <li><span class="liL"><a href="#" title="">申请退款订单</a></span></li>
                        <li><span class="liL"><a href="#" title="">申请退款订单</a></span></li>
                    </ul>
                </div>
            </div>
            <!-- ( 工具栏 'mod02' 内部公告、交流中心 )结束 -->
            <!-- ( 工具栏 'mod01' 记事本 ) 开始 -->
            <div class="mod01" style="display:none;">
                <div class="mh"><div class="pngBg"><img class="mhImg" _png="yes" src="images/icons/desktop.png" alt="记事本"/><h2 class="mhH2" title="记事本">记事本</h2></div></div>
                <div class="mm">
                    <ul class="ulList ulList03">
                        <li><span class="liL"><a href="#" title="">未回复商品咨询未回复商品咨询未回复商品咨询</a></span></li>
                        <li><span class="liL"><a href="#" title="">未回复商品咨询</a></span></li>
                        <li><span class="liL"><a href="#" title="">未回复商品咨询未回复商品咨询</a></span></li>
                        <li><span class="liL"><a href="#" title="">未回复商品咨询</a></span></li>
                        <li><span class="liL"><a href="#" title="">申请退未回复商品咨询款未回复商品咨询申请未回复商品咨询退款订单订单</a></span></li>
                    </ul>
                </div>
            </div>
            <!-- ( 工具栏 'mod01' 记事本 ) 结束 -->
            <!-- ( 工具栏 'mod03' 易站成名 ) 开始 -->
            <div class="mod03" style="display:none;">
                <div class="mh"><div class="mhl"><div class="pngBg"></div></div><div class="mhc"><h2 class="mhH2" title="易站成名"><b class="pngBg">易站成名</b></h2><a class="mhMore" href="#" title="关于易站成名">关于易站成名</a></div><div class="mhr"><div class="pngBg"></div></div></div>
                <div class="mm">
                    <div class="mml"></div>
                    <div class="mmc">
                        <ul class="ulList ulList04">
                            <li><span class="liL"><a href="#" title="">未回复商品咨询</a></span></li>
                            <li><span class="liL"><a href="#" title="">未回复商品咨询</a></span></li>
                            <li><span class="liL"><a href="#" title="">申请退款订单</a></span></li>
                            <li><span class="liL"><a href="#" title="">申请退款订单</a></span></li>
                            <li><span class="liL"><a href="#" title="">申请退款订单</a></span></li>
                        </ul>                
                    </div>
                    <div class="mmr"></div>
                </div>
                <div class="mf"><div class="mfl"><div class="pngBg"></div></div><div class="mfc"></div><div class="mfr"><div class="pngBg"></div></div></div>
            </div>
            <!-- ( 工具栏 'mod03' 易站成名 ) 结束 -->
        </div>
        <div class="openClose" title="关闭工具栏" id="open_close_btn">关闭工具栏</div>
    </div>
    <!-- ( 右侧 'toolBar' 工具栏 ) 结束 -->
    <!-- ( 底部 'taskBar' 任务栏 ) 开始 -->
    <div class="taskBar" id="taskBar">
        <span class="startBtn" title="易站成名" id="startBtn">易站成名</span>
        <span class="cutLine">|||</span>
        <span class="taskBtn taskLeft" style="display:none" id="taskLeft" title="←翻页">←翻页</span>
        <div class="taskList" style="width:0">
            <ul class="ul_task" id="taskList"></ul>
        </div>
        <span class="infoBtn infoBtn_active" title="商城信息">商城信息</span>
        <div class="shortcuts">
            <span class="shortcutsBtn shortcutsBtn" id="settings" title="网站设置"><img _png="yes" src="images/icons/settings.png" alt="网站设置" /></span>
            <span class="shortcutsBtn shortcutsBtn" title="显示桌面"><img _png="yes" src="images/icons/desktop.png" alt="显示桌面" /></span>
        </div>
        <span class="cutLine fRight">|||</span>
        <span class="taskBtn taskRight taskRight" style="display:none" id="taskRight" title="→翻页">→翻页</span>
    </div>

        <table class="tmod startMenu" cellpadding="0" cellspacing="0" border="0" style="z-index:9999;display:none" id="startMenu">
            <tr class="tmh">
                <td class="tmhl"><div class="mhl"><div class="pngBg"></div></div></td>
                <td class="tmhc"><div class="mhc"><img class="mhImg" _png="yes" src="images/icons/desktop.png" alt="易站成名"/><h2 class="mhH2" title="易站成名">易站成名</h2></div></td>
                <td class="tmhr"><div class="mhr"><div class="pngBg"></div></div></td>
            </tr>
            <tr class="tmm">
                <td class="tmml">&nbsp;</td>
                <td class="tmmc">
                    <div class="mmc" style="">
                        <div class="inmmc" style="">
                            <ul class="ul_allPart" id="ul_allPart">
                                <li><a href="#" title=""><span><img class="mhImg" _png="yes" src="images/icons/desktop.png" alt="易站成名"/>易站成名</span><b class="bMore"></b></a></li>
                                <li><a href="#" title=""><span><img class="mhImg" _png="yes" src="images/icons/desktop.png" alt="易站成名"/>易站成名</span><b class="bMore"></b></a></li>
                                <li><a href="#" title=""><span><img class="mhImg" _png="yes" src="images/icons/desktop.png" alt="易站成名"/>易站成名</span><b class="bMore"></b></a></li>
                                <li><a href="#" title=""><span><img class="mhImg" _png="yes" src="images/icons/desktop.png" alt="易站成名"/>易站成名</span><b class="bMore"></b></a></li>
                                <li><a href="#" title=""><span><img class="mhImg" _png="yes" src="images/icons/desktop.png" alt="易站成名"/>易站成名</span><b class="bMore"></b></a></li>
                                <li><a href="#" title=""><span><img class="mhImg" _png="yes" src="images/icons/desktop.png" alt="易站成名"/>易站成名</span><b class="bMore"></b></a></li>
                                <li><a href="#" title=""><span><img class="mhImg" _png="yes" src="images/icons/desktop.png" alt="易站成名"/>易站成名</span><b class="bMore"></b></a></li>
                                <li><a href="#" title=""><span><img class="mhImg" _png="yes" src="images/icons/desktop.png" alt="易站成名"/>易站成名</span><b class="bMore"></b></a></li>
                                <li><a href="#" title=""><span><img class="mhImg" _png="yes" src="images/icons/desktop.png" alt="易站成名"/>易站成名</span><b class="bMore"></b></a></li>
                                <li><a href="#" title=""><span><img class="mhImg" _png="yes" src="images/icons/desktop.png" alt="易站成名"/>易站成名</span><b class="bMore"></b></a></li>
                                <li><a href="#" title=""><span><img class="mhImg" _png="yes" src="images/icons/desktop.png" alt="易站成名"/>易站成名</span><b class="bMore"></b></a></li>
                            </ul>
                            <ul class="ul_operatList">
                                <li><a href="#" title=""><img class="mhImg" _png="yes" src="images/icons/desktop.png" alt="清空缓存"/>清空缓存</a></li>
                                <li><a href="#" title=""><img class="mhImg" _png="yes" src="images/icons/desktop.png" alt="易站成名"/>安全退出</a></li>
                            </ul>
                        </div>
                    </div>
                </td>
                <td class="tmmr">&nbsp;</td>
            </tr>
            <tr class="tmf">
                <td class="tmfl"><div class="mfl"><div class="pngBg"></div></div></td>
                <td class="tmfc"><div class="mfc"></div></td>
                <td class="tmfr"><div class="mfr"><div class="pngBg"></div></div></td>
            </tr>
        </table>
        <ul class="ul_inPart" style="display:none;left:212px; bottom:110px;">
            <li><a href="#" title=""><span><img class="mhImg" _png="yes" src="images/icons/desktop.png" alt="易站成名"/>易站成名</span><b class="bMore"></b></a></li>
            <li><a href="#" title=""><span><img class="mhImg" _png="yes" src="images/icons/desktop.png" alt="易站成名"/>易站成名</span></a></li>
            <li><a href="#" title=""><span><img class="mhImg" _png="yes" src="images/icons/desktop.png" alt="易站成名"/>易站成名</span></a></li>
            <li><a href="#" title=""><span><img class="mhImg" _png="yes" src="images/icons/desktop.png" alt="易站成名"/>易站成名</span></a></li>
            <li><a href="#" title=""><span><img class="mhImg" _png="yes" src="images/icons/desktop.png" alt="易站成名"/>易站成名</span></a></li>
        </ul>

</div>
<div id="demo" style="display:none">
	<div onclick="UI.G('demoCode').value='UI.dialogs.show({id:\'demoShow\',title:\''+UI.G('demoTitle').value+'\',ico:\''+UI.G('demoIco').value+'\',html:\''+UI.G('demoHTML').value+'\',url:\''+UI.G('demoUrl').value+'\',move:'+UI.G('demoMove').checked+',resize:'+UI.G('demoResize').checked+',min:'+UI.G('demoMin').checked+',max:'+UI.G('demoMax').checked+',close:'+UI.G('demoClose').checked+',width:'+UI.G('demoWidth').value+',height:'+UI.G('demoHeight').value+',top:'+UI.G('demoTop').value+',left:'+UI.G('demoLeft').value+'});';">
		<br />
		&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;标题: <input type="text" id="demoTitle" style="border:1px solid #999" value="窗口标题" /><br />
		&nbsp;图标地址: <input type="text" id="demoIco" style="border:1px solid #999" value="images/icons/desktop.png" size="30" /><br />
		&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;内容: <input type="text" id="demoHTML" style="border:1px solid #999" value="窗口内容" /><br />
		&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;网址: <input type="text" id="demoUrl" style="border:1px solid #999" value="http://www.baidu.com" /><span style="color:#999">（窗口内容为空时，才显示网址）</span><br />
		&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;功能: <label><input type="checkbox" checked id="demoMove" />拖动</label> <label><input type="checkbox" checked id="demoResize" />改变大小</label> <label><input type="checkbox" checked id="demoMin" />最小化</label> <label><input type="checkbox" checked id="demoMax" />最大化</label> <label><input type="checkbox" checked id="demoClose" />关闭</label><br />
		&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;尺寸: 宽<input type="text" id="demoWidth" style="border:1px solid #999" size="5" value="300" /> 高<input type="text" id="demoHeight" style="border:1px solid #999" size="5" value="100" /><br />
		&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;位置: 上<input type="text" id="demoTop" style="border:1px solid #999" size="5" value="10" /> 左<input type="text" id="demoLeft" style="border:1px solid #999" size="5" value="300" /><br />
		&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <button onclick="UI.dialogs.show({id:'demoShow'+UI.random(10000),title:UI.G('demoTitle').value,ico:UI.G('demoIco').value,html:UI.G('demoHTML').value,url:UI.G('demoUrl').value,move:UI.G('demoMove').checked,resize:UI.G('demoResize').checked,min:UI.G('demoMin').checked,max:UI.G('demoMax').checked,close:UI.G('demoClose').checked,width:UI.G('demoWidth').value,height:UI.G('demoHeight').value,top:UI.G('demoTop').value,left:UI.G('demoLeft').value})">演 示</button><br />
		&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;代码参考<br />
		&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<textarea id="demoCode" rows="4" cols="50"></textarea>
	</div>
</div>
<script type="text/javascript" language="javascript" src="js/pngIE6.js"></script>
<script type="text/javascript" src="../../../lib/ui.js"></script>
<script type="text/javascript" src="../../../lib/ui.Dialogs.js" charset="gb2312"></script>
<script type="text/javascript" src="js/jquery-1.4.2.js"></script>
<script type="text/javascript" src="js/jquery.metadata.js"></script>
<script type="text/javascript">
UI.StartMenu = function(obj){
	var Self = this,
		html = [];
	Self.data = obj.data;
	Self._body = obj.target;
	Self._wrap = obj.wrap;
	Self._button = obj.button;

	//Build
	parse(Self.data);
	Self._body.innerHTML = html.join('');

	//Event
	UI.each(UI.GC(Self._wrap,'li'),function(o){
		var son = UI.GC(o,'.ul_inPart')[0];
		o.onmouseover = function(){
			var y,h,H = UI.pageHeight();
			UI.addClass(this,'hover');
			this.style.cssText = '';
			if (son) {
				h = UI.height(son),y = UI.getY(son);
				if (y + h > H) {
					son.style.marginTop = H - y - h - UI.height(o) - 10 + 'px';
				}
			}
		}
		o.onmouseout = function(){
			UI.removeClass(this,'hover');
		}
		if (!UI.GC(o,'ul').length) {
			UI.EA(o,'click',function(){
				UI.hide(Self._wrap);
			});
		}
	});
	Self._button.onmousedown = function(e){
		UI.toggle(Self._wrap);
		UI.E(e).stop();
	}
	UI.EA(document.body,'mousedown',function(){
		UI.hide(Self._wrap);
	});
	Self._wrap.onmousedown = function(e){
		UI.E(e).stop();
	}

	function parse(data){
		UI.each(data,function(o){
			html.push('<li onclick="' + o.click + '"><div class="empty"></div><a href="javascript:void(0)"><span>' + (o.ico ? '<img class="mhImg" _png="yes" src="' + o.ico + '" alt="' + o.name + '"/>' : '') + o.name + '</span>' + (o.son ? '<b class="bMore"></b>' : '') + '</a>');
			if (o.son) {
				html.push('<ul class="ul_inPart">');
				parse(o.son);
				html.push('</ul>');
			}
			html.push('</li>');
		});
	}
}
UI.autoScreen = function(){
	var width = UI.windowWidth(),
		height = UI.windowHeight(),
		taskBarHeight = UI.height(UI.G('taskBar')),
		taskListWidth = width;
	UI.C(UI.G('wrap'),'width',width + 'px');
	UI.C(UI.G('quickNav'),'width',width + 'px');
	UI.C(UI.G('topPart'),'height',height - taskBarHeight + 'px');
	UI.C(UI.G('toolBar'),'height',height - taskBarHeight + 'px');
	UI.each(UI.children(UI.G('taskBar')),function(o){
		if (!o.className.hasString('taskList') && !o.className.hasString('taskBtn')) {
			taskListWidth -= UI.width(o);
		}
	});
	UI.dialogs.taskAutoScreen();
	UI.C(UI.GC('.taskList')[0],'width',((taskListWidth - 37 * 2) || 0) + 'px');
	UI.dialogs.maxSize.width = width;// - UI.width(UI.G('toolBar'))
	UI.dialogs.maxSize.height = height - 27 - taskBarHeight;// - UI.height(UI.G('quickNav')) + 8
}
UI.ready(function(){
	UI.startMenu = new UI.StartMenu({
		wrap : UI.G('startMenu'),
		target : UI.G('ul_allPart'),
		button : UI.G('startBtn'),
		data : [
			{
				name : '易站成名',
				ico : 'images/icons/desktop.png',
				click : 'demo()'
			},
			{
				name : '易站成名',
				ico : 'images/icons/desktop.png',
				click : 'demo()'
			},
			{
				name : '易站成名',
				ico : 'images/icons/desktop.png',
				click : 'demo()'
			},
			{
				name : '易站成名',
				ico : 'images/icons/desktop.png',
				click : 'demo()'
			},
			{
				name : '易站成名',
				ico : 'images/icons/desktop.png',
				son : [
					{
						name : '易站成名',
						ico : 'images/icons/desktop.png',
						click : 'demo()'
					},
					{
						name : '易站成名',
						ico : 'images/icons/desktop.png',
						click : 'demo()'
					}
				]
			},
			{
				name : '易站成名',
				ico : 'images/icons/desktop.png',
				click : 'demo()'
			}
		]
	});
	UI.dialogs = new UI.Dialogs({
		wrap : UI.G('wrap'),
		maxSize : {
			width : 1208,
			height : 602,
			top : 0,//UI.height(UI.G('quickNav')) - 8
			left : 0
		},
		task : {
			prev : UI.G('taskLeft'),
			list : UI.G('taskList'),
			next : UI.G('taskRight')
		}
	});
	UI.autoScreen();
	UI.EA(window,'resize',UI.autoScreen);
	/*
	UI.dialogs.show({
		id : 'test', //Id
		title : 'Test', //标题
		move : true, //移动功能，默认true
		resize : false, //改变大小，默认true
		close : true, //关闭按钮，默认true
		min : true, //最小化按钮，默认true
		max : false, //最小化按钮，默认true
		//task : UI.G('settings'), //任务栏图标，不设置则在普通任务栏显示
		html : '内容', //静态内容
		url : '', //Iframe地址
		width : 300, //宽度
		height : 200, //高度
		top : 150, //上边距
		left : 350 //左边距
	});
	UI.dialogs.show({
		id : 'test1', //Id
		title : 'Test', //标题
		move : true, //移动功能，默认true
		resize : false, //改变大小，默认true
		close : true, //关闭按钮，默认true
		min : true, //最小化按钮，默认true
		max : false, //最小化按钮，默认true
		html : '内容1', //静态内容
		width : 300, //宽度
		height : 200, //高度
		top : 150, //上边距
		left : 350 //左边距
	});
	UI.dialogs.show({
		id : 'test2', //Id
		title : 'Test', //标题
		move : true, //移动功能，默认true
		resize : false, //改变大小，默认true
		close : true, //关闭按钮，默认true
		min : true, //最小化按钮，默认true
		max : false, //最小化按钮，默认true
		html : '内容2', //静态内容
		width : 300, //宽度
		height : 200, //高度
		top : 150, //上边距
		left : 350 //左边距
	});
	UI.dialogs.show({
		id : 'test3', //Id
		title : 'Test', //标题
		move : true, //移动功能，默认true
		resize : false, //改变大小，默认true
		close : true, //关闭按钮，默认true
		min : true, //最小化按钮，默认true
		max : false, //最小化按钮，默认true
		html : '内容3', //静态内容
		width : 300, //宽度
		height : 200, //高度
		top : 150, //上边距
		left : 350 //左边距
	});
	UI.dialogs.show({
		id : 'test4', //Id
		title : 'Test', //标题
		move : true, //移动功能，默认true
		resize : false, //改变大小，默认true
		close : true, //关闭按钮，默认true
		min : true, //最小化按钮，默认true
		max : false, //最小化按钮，默认true
		html : '内容4', //静态内容
		width : 300, //宽度
		height : 200, //高度
		top : 150, //上边距
		left : 350 //左边距
	});
	UI.dialogs.show({
		id : 'test5', //Id
		title : 'Test', //标题
		move : true, //移动功能，默认true
		resize : false, //改变大小，默认true
		close : true, //关闭按钮，默认true
		min : true, //最小化按钮，默认true
		max : false, //最小化按钮，默认true
		html : '内容5', //静态内容
		width : 300, //宽度
		height : 200, //高度
		top : 150, //上边距
		left : 350 //左边距
	});
	UI.dialogs.show({
		id : 'test6', //Id
		title : 'Test', //标题
		move : true, //移动功能，默认true
		resize : false, //改变大小，默认true
		close : true, //关闭按钮，默认true
		min : true, //最小化按钮，默认true
		max : false, //最小化按钮，默认true
		html : '内容6', //静态内容
		width : 300, //宽度
		height : 200, //高度
		top : 150, //上边距
		left : 350 //左边距
	});
	UI.dialogs.show({
		id : 'test7', //Id
		title : 'Test', //标题
		move : true, //移动功能，默认true
		resize : false, //改变大小，默认true
		close : true, //关闭按钮，默认true
		min : true, //最小化按钮，默认true
		max : false, //最小化按钮，默认true
		html : '内容7', //静态内容
		width : 300, //宽度
		height : 200, //高度
		top : 150, //上边距
		left : 350 //左边距
	});
	UI.dialogs.show({
		id : 'test8', //Id
		title : 'Test', //标题
		move : true, //移动功能，默认true
		resize : false, //改变大小，默认true
		close : true, //关闭按钮，默认true
		min : true, //最小化按钮，默认true
		max : false, //最小化按钮，默认true
		html : '内容8', //静态内容
		width : 300, //宽度
		height : 200, //高度
		top : 150, //上边距
		left : 350 //左边距
	});*/
	UI.dialogs.show({
		id : 'dialogs', //Id
		title : '功能说明', //标题
		ico : 'images/icons/desktop.png' , //图标
		move : true, //移动功能，默认true
		resize : true, //改变大小，默认true
		close : true, //关闭按钮，默认true
		min : true, //最小化按钮，默认true
		max : true, //最大化按钮，默认true
		//task : UI.G('settings'), //任务栏图标，不设置则在普通任务栏显示
		//html : '内容', //静态内容
		url : 'dialogs.html', //Iframe地址
		width : 500, //宽度
		height : 300, //高度
		top : 100, //上边距
		left : 100 //左边距
	});
	UI.dialogs.show({
		id : 'demo', //Id
		title : '功能实例', //标题
		ico : 'images/icons/desktop.png' , //图标
		move : true, //移动功能，默认true
		resize : true, //改变大小，默认true
		close : true, //关闭按钮，默认true
		min : true, //最小化按钮，默认true
		max : true, //最大化按钮，默认true
		html : UI.G('demo').innerHTML, //静态内容
		width : 500, //宽度
		height : 330, //高度
		top : 150, //上边距
		left : 150 //左边距
	});
	UI.each(UI.GC('.shortcuts span'),function(el,i){
		el.onmouseover = el.onmouseout = el.onmousedown = el.onmouseup = UI.Dialogs.create.prototype.hover;
		if (i == 0) {
			el.onclick = function(){
				UI.dialogs.toggle({
					id : 'message', //Id
					title : '商城信息', //标题
					ico : 'images/icons/desktop.png' , //图标
					move : true, //移动功能，默认true
					resize : false, //改变大小，默认true
					close : true, //关闭按钮，默认true
					min : false, //最小化按钮，默认true
					max : false, //最大化按钮，默认true
					task : UI.G('settings'), //任务栏图标，不设置则在普通任务栏显示
					url : 'message.html', //Iframe地址
					width : 266, //宽度
					height : 338, //高度
					top : UI.windowHeight() - UI.height(UI.G('taskBar')) - 338 - 35, //上边距
					left : UI.windowWidth() - UI.width(UI.G('toolBar')) - 266 - 13 //左边距
				});
			}
		}
		else if (i == 1) {
			el.onclick = function(){
				UI.dialogs.toggle();
			}
		}
	});
	/*UI.dialogs.tip({
		title : '提示信息',
		content : '内容'
	});*/
});

$(document).ready(function() {
	$('#open_close_btn').click(openClose);
	$('.ul_quickNav a,.ul_topPart a').click(demo);
});

/**
 * 开关右侧栏
 */
function openClose() {
	if($('#wrap .toolBar').attr('class').indexOf('toolBar_close') > -1) {
		$('#wrap .topBar').width(getVisibleWidth()-212);
		$('#wrap .toolBar').removeClass('toolBar_close').addClass("toolBar_open");
	} else {
		$('#wrap .topBar').width(getVisibleWidth()-9);
		$('#wrap .toolBar').removeClass('toolBar_open').addClass("toolBar_close");
	}
}

/**
 * 设置界面
 */
function setVisibleWindow() {
	var visibleWidth = getVisibleWidth();
	var visibelHeight = getVisibleHeight();
	var taskBarOuterHeight = 32;

	$('#wrap').width(visibleWidth);
	$('#wrap .topPart').height(visibelHeight-taskBarOuterHeight);
	$('#wrap .toolBar').height(visibelHeight-taskBarOuterHeight);
	$('#wrap').height(visibelHeight);
}

/**
 * 获得可见宽度
 */
function getVisibleWidth() {
	if($.browser.msie) {
		return document.compatMode == "CSS1Compat" ? document.documentElement.clientWidth : document.body.clientWidth;
	} else {
		return self.innerWidth;
	}
}

/**
 * 获得可见高度
 */
function getVisibleHeight() {           
	if($.browser.msie) {
		return document.compatMode == "CSS1Compat" ? document.documentElement.clientHeight : document.body.clientHeight;
	} else {
		return self.innerHeight;
	}
}

function demo(){
	UI.dialogs.show({id:'demoShow',title:'百度',ico:'images/icons/desktop.png',html:'',url:'http://www.baidu.com',move:true,resize:true,min:true,max:true,close:true,width:700,height:300,top:50,left:100});
	return false;
}
</script>
</body>
</html>
